<template>
    <div class="cmn-view-layout">
        <!-- 统计卡片 -->
        <div class="cmn-view-head">
            <CountCard />
        </div>
        <!-- 地图图层列表 -->
        <div class="cmn-view-layer">
            <MapLayer />
        </div>
        <div class="cmn-view-left">
            <DynamicCard :config="cardData.leftConfig" />
        </div>
        <div class="cmn-view-right">
            <DynamicCard :config="cardData.rightConfig" />
        </div>
    </div>
</template>

<script setup lang="js">
import { ref, provide } from "vue"
import { cardData } from "./data/data"

// 子/孙组件 调用最外层组件方法
const callTopMethod = (value) => {
    console.log('走到这了', value);
}

provide("callTopMethod", callTopMethod)
</script>
<style scoped lang="scss"></style>